<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Chat</title>
  <link rel="stylesheet" type="text/css" href="chat.css">
</head>
<body>
  <div class="container">
  <div class="profile">
    <div class="profile">
      <ul class="profile-list">
        <li id="1" class="profile-entry active">Profile 1</li>
        <li id="2" class="profile-entry">Profile 2</li>
        <li id="3" class="profile-entry">Profile 3</li>
        <li id="4" class="profile-entry">Profile 4</li>
        <li id="5" class="profile-entry">Profile 5</li>
        <li id="6" class="profile-entry">Profile 6</li>
        <li id="7" class="profile-entry">Profile 7</li>
        <li id="8" class="profile-entry">Profile 8</li>
        <li id="9" class="profile-entry">Profile 9</li>
        <li id="10" class="profile-entry">Profile 10</li>
        <li id="11" class="profile-entry">Profile 11</li>
        <li id="12" class="profile-entry">Profile 12</li>
        <li id="13" class="profile-entry">Profile 13</li>
        <li id="14" class="profile-entry">Profile 14</li>
        <li id="15" class="profile-entry">Profile 15</li>
        <li id="16" class="profile-entry">Profile 16</li>
        <li id="17" class="profile-entry">Profile 17</li>
        <li id="18" class="profile-entry">Profile 18</li>
        <li id="9" class="profile-entry">Profile 19</li>
        <li id="20" class="profile-entry">Profile 20</li>

      </ul>
    </div>
  </div>
  <div class="chat-container">
 

    <!-- Добавьте здесь дополнительные сообщения -->
  </div>
  <div class="input-container">
    <textarea id="inputField" class="input-field" placeholder="Type your message"></textarea>
    <button id="sendButton" class="send-button">Send</button>
  </div>
  </div>

  <script src="chat.js"></script>
</body>
</html>